<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<%@taglib prefix="sj" uri="/struts-jquery-tags"%>

<s:form name="formBody" id="formBody">

<s:hidden name="start"/>
<s:hidden name="count"/>
<s:hidden name="orderBy"/>
<s:hidden name="ascDesc"/>
<s:hidden name="previousPage"/>
<s:hidden name="gotoPage"/>
<s:hidden name="actionMethod" value="%{actionMethod}"/>
<s:token/>

<div class="header"><span><span class="ico gray administrator"></span>Daftar Klien</span>
</div><!-- End header -->	
<div class="content" >
	
		<!-- Third / Half column-->
		<div class="widgets">
		
		<div class="oneTwo">
			<div class="section ">
				<label>Tipe Departemen</label>   
				<div> 
					<s:select
						list="listTipeDepartemen" 
						listKey="%{@com.lemurian.bankdata.lite.utils.GlobalFunction@encodeParameter(id)}" 
						listValue="name"
						name="departmentId"
						value="%{@com.lemurian.bankdata.lite.utils.GlobalFunction@encodeParameter(departmentId)}"
						headerKey="0" 
						headerValue="Select below" 
						disabled="%{readOnly}" 
						tooltip="" 
									/>
				</div>
			</div>
			
			<div class="section ">
				<label>Account Officer<small>Username dari Account Officer</small></label> 
				<div> 
				    <s:textfield cssClass="large" name="accountOfficer" labelposition="left" maxlength="45" />
				</div>
			</div>
			
			<div class="section ">
				<label>Klien<small>Nama Klien</small></label> 
				<div> 
				    <s:textfield cssClass="large" name="namaPembeli" labelposition="left" maxlength="45" />
				</div>
			</div>
			
			<div class="section" style="border-bottom:0px;">
				<label>Pihak Kedua<small>Pihak Kedua</small></label> 
				<div> 
				    <s:textfield cssClass="large" name="namaPenjual" labelposition="left" maxlength="45" />
				</div>
			</div>
			
		</div>
			
		<div class="oneTwo">
			
			<div class="section ">
				<label>Petugas Ketik<small>Username dari petugas ketik</small></label> 
				<div> 
				    <s:textfield cssClass="large" name="petugasKetik" labelposition="left" maxlength="45" />
				</div>
			</div>
			
			<div class="section ">
				<label>Lokasi Dokumen<small>Lokasi Dokumen</small></label> 
				<div> 
				    <s:textfield cssClass="large" name="lokasiDokumen" labelposition="left" maxlength="45" />
				</div>
			</div>
			
			<div class="section ">
				<label>Bank<small>Nama Bank</small></label> 
				<div> 
				    <s:textfield cssClass="large" name="bankName" labelposition="left" maxlength="20" />
				</div>
			</div>
		  
			<div class="section last">
	            <div>
	            	<s:reset cssClass="uibutton special" value="Reset" cssStyle="width:100px"/>
	            	<s:submit action="%{actionMethod}" value="Cari" indicator="indicator" cssClass="uibutton" cssStyle="width:100px"/> 
	           	</div>
	        </div>
		</div>
		
		</div><!-- End Third / Half column-->
	
   	<!-- clear fix -->
	<div class="clear"></div>
		
		<div class="tableName">
			<div>
				<s:property value="%{pagerItem}" escape="false"/>
				<div class="clear"></div>
			</div>
			<table class="display data_table1">
				<thead>
					<tr>
						<th><div class="th_wrapp"><s:text name="label.no"/></div></th>
						<th style="text-align:left"><div class="th_wrapp">Nama Klien</div></th>
						<th style="text-align:left"><div class="th_wrapp">Penjual</div></th>
						<th style="text-align:left"><div class="th_wrapp">Lokasi Dokumen</div></th>
						<th style="text-align:left"><div class="th_wrapp">Account Officer</div></th>
						<th style="text-align:left"><div class="th_wrapp">Departemen</div></th>
					</tr>
				</thead>
				<tbody>
					<s:iterator value="listKlien" status="sequence">
					<tr class="odd gradeX">
					    <td style="text-align:left"><s:property value="%{start+#sequence.index+1}"/></td>
						<td style="text-align:left">
							<span class="tip" >
								<a href="DetailKlienAction_detail.do?id=<s:property value="%{@com.lemurian.bankdata.lite.utils.GlobalFunction@encodeParameter(id)}"/>&prev=DetailKlienAction_list" title="Detail"><s:property value="debitur.name"/></a>
							</span>
						</td>
						<td style="text-align:left"><s:property value="seller.name"/></td>
						<td style="text-align:left"><s:property value="documentLocation"/></td>
						<td style="text-align:left"><s:property value="accountOfficer.name"/></td>
						<td style="text-align:left"><s:property value="department.name"/></td>
					</tr>
					</s:iterator>
				</tbody>
			</table>
			<div>
				<s:property value="%{pagerItem}" escape="false"/>
				<div class="clear"></div>
			</div>
		</div>
	
   <!-- clear fix -->
<div class="clear"></div>

</div><!-- End content -->
</s:form>